.page-container {
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;

  .content-container {
    flex: 1;
    display: flex;
    overflow: hidden;
    
    .view-project-container {
      flex: 1;
      display: flex;
      overflow: hidden;
      
      .project-content {
        flex: 1;
        overflow: hidden;
      }
    }

    .create-project-container {
      flex: 1;
      display: flex;
      
      .section-three {
        overflow-y: auto;
      }
    }

    .right-side-labels {
      width: 30px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      padding: 20px 0;
      background-color: #f0f0f0;

      .label-item {
        writing-mode: vertical-rl;
        text-orientation: upright;
        white-space: nowrap;
        padding: 10px 0;
        cursor: pointer;
        font-size: 12px;
        letter-spacing: 2px;
      }
    }
  }
} 